<%--
  Created by IntelliJ IDEA.
  User: 13051
  Date: 2020/6/23
  Time: 17:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
 <html lang="en">
 <head>
         <meta charset="UTF-8">
         <title>Document</title>
 </head>

 <body>
 <table id="table1">
     <tr>
         <td>111</td>
         <td>222</td>
         <td>333</td>
     </tr>
     <tr>
     <td>222</td>
     <td>555</td>
     <td>333</td>
 </tr>
     <tr>
         <td>111</td>
         <td>555</td>
         <td>333</td>
     </tr>
 </table>

     <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
     <script>
         jQuery.fn.rowspan = function(colIdx) { //封装的一个JQuery小插件
                   return this.each(function(){
                          var that;
                          $('tr', this).each(function(row) {
                                 $('td:eq('+colIdx+')', this).filter(':visible').each(function(col) {
                                        if (that!=null && $(this).html() == $(that).html()) {
                                              rowspan = $(that).attr("rowSpan");
                                               if (rowspan == undefined) {
                                                      $(that).attr("rowSpan",1);
                                                      rowspan = $(that).attr("rowSpan"); }
                                            rowspan = Number(rowspan)+1;
                                               $(that).attr("rowSpan",rowspan).$(this).hide();
                                            } else {
                                            that = this;
                                            }
                                     });
                             });
                   });
               }
          $(function() {
              $("#table1").rowspan(0);//传入的参数是对应的列数从0开始  第一列合并相同
                   // $("#table1").rowspan(1);//传入的参数是对应的列数从0开始  第二列合并相同
                });
        </script>

 </body>
 </html>
